<#include "/common/_itjson_layout.ftl" />
<@itjsonCommonLayout "jsformat">

<!-- begin主体 -->


    <div class="accordion" id="accordion2">
        <div class="accordion-group">
            


            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                    <span aria-hidden="true">×</span></button>
                JavaScript/Html在线格式化工具（实现Js/Html压缩、格式化、加密压缩）
            </div>
            
            <div class="panel">
                <form id="form1" class="form-horizontal" action="${www}/itjson/jsformat.html" method="post">
                <div class="form-group">
                    <div class="col-sm-12">
                        <textarea class="form-control" id="content" name="content" rows="18" style="max-height: 2222px;" placeholder="请输入要格式化 或者 需要压缩的Js/Html字符"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <input class="btn btn-success" id="beautify" onclick="return do_js_beautify()" value="格式化" type="button">
                        <input class="btn btn-success" onclick="pack_js(0)" value="普通压缩" type="button">
                        <input class="btn btn-success" onclick="pack_js(1)" value="加密压缩" type="button">
                        <select class="btn btn-default dropdown-toggle" id="tabsize" name="tabsize">
                            <option value="1">制表符缩进 </option>
                            <option value="2">2个空格缩进 </option>
                            <option value="4" selected="selected">4个空格缩进 </option>
                            <option value="8">8个空格缩进 </option>
                        </select>
                        <input class="btn btn-danger" onclick="Empty();" value="清空输入框" type="button">
                        <span id="copyallcode" class="btn btn-success" data-clipboard-target="content">复制完整代码</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-12">
                        <div class="alert alert-success alert-dismissible text-center" id="copycodeall" role="alert">
                            <strong>复制成功!</strong> &nbsp;&nbsp;代码已经成功复制到剪切板&nbsp;&nbsp;可直接粘贴到任意地方.
                        </div>
                    </div>
                </div>
                </form>
            </div>
        </div>
        <div class="accordion-group">
            <div class="accordion-heading">
                <a class="list-group-item list-group-item-warning" data-toggle="collapse" href="#demo1">
                     JavaScript/Html在线格式 Js/Html普通压缩
                    和 Js/Html加密压缩</a>
            </div>
            <div id="demo1" class="in collapse bs-docs-demoexample">
                <h4 style="color: #66be8c;">
                    为什么要进行Js或者Html压缩？</h4>
                <br>
                <h5>
                    1,随着Ajax的应用普及,JavaScript已经得到了越来越多程序员的重视</h5>
                <h5>
                    2,Js不好调试,代码多了也会严重影响速度,当你在为提高了用户体验,做出了很绚丽的效果而欣喜的时候,是否想过优化一下Js的效率,大网站的Js都做了压缩处理</h5>
                <h5>
                    3,Js的速度分为两种,下载速度和执行速度。要想Js的下载速度快,就需要尽量减少js文件的大小,另外,把多个js文件合并成一个也能因为减少服务器的响应次数而加快网页下载</h5>
                <h5>
                    4,可以通过对Javascript的变量名称和过程名称进行编码,从而起到加密Js代码的作用,保护您的劳动成功</h5>
                <hr>
                <h4 style="color: #66be8c;">
                    Js代码压缩基本原理</h4>
                <br>
                <h5>
                    1,压缩多余的空格和换行符</h5>
                <h5>
                    2,删除注释,因为注释只对程序员有用而对于浏览网页的最终用户是无用的,删除了可以缩小文件体积</h5>
                <h5>
                    3,把较长的变量名称和过程名称统一替换为很短的名称,一者可以减小体积,还可以减小程序的可读性保护自己的劳动成功</h5>
            </div>
        </div>
        <br>
    </div>

<script src="${contextPath}/them/1/js/base.js" type="text/javascript"></script>
<script src="${contextPath}/them/1/js/htmlformat.js" type="text/javascript"></script>
<script src="${contextPath}/them/1/js/jsformat.js" type="text/javascript"></script>
<script src="${contextPath}/them/1/js/jsformat2.js" type="text/javascript"></script>
<script src="${contextPath}/them/1/js/jsformatjs.js" type="text/javascript"></script>

<!-- end主体 -->


</@itjsonCommonLayout>